<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			body {
				background-color: #f4f4f4;
			}
			.box{
				width: 293px;
				height: 400px;
				background-color: #FFFFFF;
				margin: 100px auto;
			}
			img {
				width: 100%;
			}
			.review{
				font-size: 14px;
				font-weight: 400;
				padding: 0 40px;
				color: #4C4C4C;
			}
			.appraise {
				font-size: 12px;
				margin: 0 80px;
				padding: 11px 0 22px 0;
				color: #b3b3b3;
			}
			.box .num {
				display: inline-block;
				margin: 0 96px;
			}
			.box .num1 {
				color: #ff6801;
				padding-bottom: 12px;
			}
			.box .num2 {
				color: #bcbcbc;
				margin-left: 7px;
				text-decoration: line-through;
				padding-bottom: 12px;
			}
			a {
				text-decoration: none;
			}
			div:hover {
				/*盒子阴影*/
				box-shadow: 10px 10px 10px 10px rgba(0,0,0,.3);
			}
			
		</style>
	</head>
	<body>
		<div class="box">
			<a href="http://www.baidu.com" target="_blank"><img src="img/pms_1552868299.23297041.jpg"/></a>
			<a href="#"><h4 class="review">Redmi全自动波轮洗衣机1A 8kg</h4></a>
			<a href="#"><p class="appraise">一键操作，父母都爱用</p></a>
			<a href="#">
				<div class="num">
					<span class="num1">799元</span> 
					<span class="num2">899元</span>
				</div>
			</a>
		</div>
	</body>
</html>
